<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	      $(function(){
	      	var arr = ['张少华','纳钦','吕海龙','石雷','张瑞','王德','薛念龙','杨明','崔明','乌兰图雅','杨禄','高晓华','张春','杨少杰','毕力格图','高翠琴','嘎林嘎','王彦','呼文吉','贺希格巴图','银钢','樊锦涛','祝冬海','王东武','格格日乐图','乌力吉德力格尔','毕万林','侯东','杨海波','吕远','王军','刘智','张布栋','赵永军','呼和吉勒图','邓霞','贾军','王鹏飞','苏波','王彬','马标','王学峰','刘尚如','张云','李春光','杨晓光','田浩波','宋倩','卢仲亮','张利忠','周建强','魏胜军','寇换龙','侯杰','温永成','朱向峰','张世宏','薛刚','赵彦君','王卉'];
//	给按钮加单击事件
       $("#btn").toggle(function(){
	
          	
      timer=setInterval(function(){
          		num=Math.floor(Math.random()*(arr.length-1+1-0)+0);
          		$('.name').html(arr[num]);
          		var r=Math.floor(Math.random()*(255+1-100)+100);
          		var g=Math.floor(Math.random()*(255+1-100)+100);
          		var b=Math.floor(Math.random()*(255+1-0)+0);
          		
          		$(".name").css({'color':'rgb('+r+','+g+','+b+')'});
          		
          	},100)
   

	$("#btn").val('停止！就是他了！');
	      	
	      },function(){
	      	
	      	clearInterval(timer);
	      $("#btn").val('请点名');
	      });
	      
	  })
	      	
	      	
	  
</script>

<style type="text/css">
*{
	padding: 0;
	margin: 0;
}

    body{
    	background: black;
    }
	.name{
		font-size: 40px;
		margin: 20px auto;
		color: yellow;
		text-align: center;
		line-height: 200px;
	}
	#btn{
		   width: 200px;
			height: 40px;
			line-height: 40px;
			color: white;
			background: #3F48CC;
			display: block;
			margin: 0 auto;
			border: none;
			font-size: 25px;
		
	}
	
</style>



	</head>
	<body>
	<p class="name">请点名</p>
	
		<input type="button" name="" id="btn" value="请点名" />
	</body>
</html>
